Merge pull request #27 from real-zephex/improvement-2

added loading.jsx file and it's css subpart

1 files changed, 12 insertions, 6 deletions

diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx
index f107313..7715dc6 100644
--- a/src/app/anime/[id]/page.jsx
+++ b/src/app/anime/[id]/page.jsx
@@ -28,11 +28,15 @@ const AnimeInfoHomepage = async ({ params }) => {
 							/>

 							<div>

 								<p className={styles.animeTitle}>

-									{data.title}

+									<strong

+										style={{ color: "var(--neon-green)" }}

+									>

+										{data.title || "Not Found"}

+									</strong>

 								</p>

 								<p className={styles.animeDescription}>

 									<strong>Description: </strong>

-									{data.description}

+									{data.description || "Not Found"}

 								</p>

 								<hr style={{ borderColor: "gray" }} />

 								<span>

@@ -51,17 +55,19 @@ const AnimeInfoHomepage = async ({ params }) => {
 								</span>

 								<p>

 									<strong>Episodes:</strong>{" "}

-									{data.totalEpisodes}

+									{data.totalEpisodes || "Not Found"}

 								</p>

 								<p>

 									<strong>Release year:</strong>{" "}

-									{data.releaseDate}

+									{data.releaseDate || "Not Found"}

 								</p>

 								<p>

-									<strong>Status:</strong> {data.status}

+									<strong>Status:</strong>{" "}

+									{data.status || "Not Found"}

 								</p>

 								<p>

-									<strong>Type:</strong> {data.type}

+									<strong>Type:</strong>{" "}

+									{data.type || "Not Found"}

 								</p>

 							</div>

 						</div>